<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>NotFlix</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
  </head>
    <body>
      <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">NotFlix</a>
          </div>
          <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">Home</a></li>
			  <li><a href="users.html">Users</a></li>
			  <li><a href="movies.html">Movies</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right" id="not-logged-in-form">
              <div class="navbar-form" id="login-form">
				<input class="form-group" type="text" placeholder="Username" id="username-box" class="form-control">
				<input class="form-group" type="password" placeholder="Password" id="password-box" class="form-control">
				<button id="submit-login" class="btn btn-success" >Sign in</button>
				<a href="register.html" class="register-button"><button class="btn btn-danger">Register</button></a>
		      </div>
            </ul>
            <ul class="navbar-right" id="logged-in-form">
		      <p id="logged-in-as" style="float:left; margin-right:10px"></p>
		      <button class="btn btn-danger" id="logout-button">Logout</button>
		    </ul>
          </div>
        </div>
      </nav>
      <div id="overview-home" class="container-fluid" >
        <div id="login-message" class="alert alert-success alert-dismissible" role="alert">
  <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
          <h3 id="welcome-text"></h3>
        </div>
        <div class="panel-group" id="accordion-home">
        </div>
      </div>
    <!-- Scripts on bottom for performance -->
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>  
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/movies.js"></script>
    <script type="text/javascript" src="js/ratings.js"></script>
	<script type="text/javascript" src="js/pagebuilder.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
	<script type="text/javascript" src="js/home.js"></script>
  </body>
</html>